<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<!--for NewFile.html only
    <link rel="stylesheet" href="style1.css" />
    <link rel="stylesheet" type="text/css" href="easyui.css">
    <link rel="stylesheet" type="text/css" href="demo.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    
    <script type="text/javascript" src="panels/jquery.portal.js"></script>
   -->
   <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
    <script type="text/javascript" src="panels/jquery.portal.js"></script>
    <link rel="stylesheet" href="style1.css" />
    <link rel="stylesheet" type="text/css" href="easyui.css">
    <link rel="stylesheet" type="text/css" href="demo.css">
<style>

body,html {
	margin: 0;
	padding: 0;
	/*font: 12px/1.5 arial;*/
	height: 100%;
}

#content {
	min-height: 100%;
	_height: 100%;
	position: relative;
}

#main {
	
	/* 20px(font-size)x2(line-height) + 10px(padding)x2=60px*/
	padding-bottom: 235px;
	
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

</style>
</head>
<body>
	<div id="content">
		<div style=" ">
            <div id="p" class="easyui-panel" style="" data-options="href:'header_2.html'"></div>
        </div>
		<div style="">
			<div id="p" class="easyui-panel" style="" data-options="href:'testingnav.html'"></div>
		</div>
		<div style="">
			<div id="p" class="easyui-panel" style="padding-left: 125px;height:100px;" data-options="href:'workreporting.html'"></div>
		</div>
		
		<div id="main" style="border:2px solid red;">
			<div style="position: relative; float: left; border: 1px solid pink;">
                <div id="p" class="easyui-panel" style="width: 210px;" data-options="href:'left_nav.html'"></div>
			</div>
			<div id="center" style="position: relative; float: right; border:1px solid purple">
				
			     <div id="p" class="easyui-panel" style="width: 1000px; clear: both" data-options=""></div>
			     
			</div>
			<div style="clear: both;"></div>
		</div>
		<div id="footer">
			<div id="p" class="easyui-panel" style="height:230px" data-options="href:'footer.html'"></div>
		</div>

	</div>
	
</body>
</html>